@import '../../utils/common/reset';
$fontRed:#c76e50;
.detail-content {
    &__address {
        box-sizing: border-box;
        display: flex;
        height: 106rpx;
        padding: 28rpx 0 28rpx 42rpx;
        align-items: flex-start;
        text {
            display: block;
        }
        &--name {
            color: $fontRed;
            flex: 2;
        }
        &--value {
            color: $fontColor;
            line-height: 1.3em;
            flex: 8;
        }
        background-color: #fafafa;
    }
    &__goods-info {
        margin-top: 15rpx;
        padding: 0 25rpx;
        .goods-info {
            display: flex;
            padding: 25rpx;
            background-color: #f6f6f6;
            &__img {
                flex: 3.5;
                height: 183rpx;
                border-radius: 5rpx;
                background-color: #fff;
                font-size: 0;
            }
            &__text {
                flex: 6.5;
                padding-left: 35rpx;
                position: relative;
                text {
                    display: block;
                }
                .info-list {
                    &__item {
                        margin-bottom: 15rpx;
                    }
                }
                .goods-price {
                    position: absolute;
                    margin: 0;
                    padding: 0;
                    border: none;
                    bottom: 0;
                    right: 0;
                    &__price {
                        margin-bottom: 15rpx;
                    }
                    &__count {
                        float: right;
                        font-size: 18rpx;
                        color: #535353;
                    }
                }
            }
        }
    }
    .order-info {
        margin-top: 20rpx;
        &__item {
            padding-left: 50rpx;
            padding-bottom: 20rpx;
            border-bottom: 1rpx solid $bdtColor;
            view {
                padding-top: 25rpx;
            }
            &:last-child {
                @include borbom;
            }
            &__item__value {}
        }
    }
    .goods-price {
        padding-bottom: 20rpx;
        border-bottom: 1rpx solid $bdtColor;
        margin-top: 20rpx;
        &__item {
            padding: 25rpx 72rpx 0 50rpx;
            overflow: hidden;
            &__value {
                float: right;
                color: $fontRed;
            }
        }
    }
    .pay-info {
        text-align: right;
        align-items: center;
        padding: 22rpx 30rpx 22rpx 0;
        &__price {
            color: $fontRed;
            vertical-align: middle;
        }
        &__btn {
            vertical-align: middle;
            margin-left: 27rpx;
            @include fz(22);
            line-height: 50rpx;
            color: #fff;
            width: 184rpx;
            height: 50rpx;
            background-color: #e39d88;
        }
    }
}